﻿<!DOCTYPE html>
<html>
  <head>
    <title>引导提示 Kickstart &amp; Guided Tours</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/_____kickstart___guided_tours/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/_____kickstart___guided_tours/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u13132" class="ax_default" data-label="背景">
        <div id="u13132_state0" class="panel_state" data-label="State1" style="">
          <div id="u13132_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u13133" class="ax_default" data-label="线条">
        <div id="u13133_state0" class="panel_state" data-label="State1" style="">
          <div id="u13133_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u13134" class="ax_default _默认样式">
        <div id="u13134_div" class=""></div>
        <div id="u13134_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u13135" class="ax_default _默认样式">
        <div id="u13135_div" class=""></div>
        <div id="u13135_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u13137" class="ax_default _默认样式">
        <img id="u13137_img" class="img " src="images/___icons/u605.png"/>
        <div id="u13137_text" class="text ">
          <p><span>Copyright © </span><a id="u13138" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u13139" class="ax_default _默认样式">
        <div id="u13139_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u13140" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="130">

        <!-- Unnamed (Rectangle) -->
        <div id="u13141" class="ax_default _默认样式">
          <div id="u13141_div" class=""></div>
          <div id="u13141_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">引导提示一般用于帮助用户了解产品的特性或功能调整，下面提供了一些常用的引导提示交互示例，包含对话框式、分步式、全屏式。使用时将对应的动态面板复制到你的页面中，然后修改动态面板内的相关内容。例如对话框的引导提示一般在页面加载时显示，需要先将对应的动态面板设置为隐藏，并在其属性中设置“固定到浏览器”的垂直水平居中位置，然后在页面载入时事件中增加显示事件和灯箱效果，设置方式请参考本页载入时事件中的用例。扩展阅读文章：</span><a id="u13142" class="link"><span style="font-family:'微软雅黑';font-weight:400;">新用户引导流程中的工具提示应该这样设计</span></a></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u13143" class="ax_default _默认样式">
          <div id="u13143_div" class=""></div>
          <div id="u13143_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 新功能介绍 (Dynamic Panel) -->
      <div id="u13144" class="ax_default" data-label="新功能介绍">
        <div id="u13144_state0" class="panel_state" data-label="新功能介绍" style="">
          <div id="u13144_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u13145" class="ax_default _默认样式">
              <div id="u13145_div" class=""></div>
            </div>

            <!-- 轮播 (Dynamic Panel) -->
            <div id="u13146" class="ax_default" data-label="轮播">
              <div id="u13146_state0" class="panel_state" data-label="1" style="">
                <div id="u13146_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13147" class="ax_default _默认样式">
                    <div id="u13147_div" class=""></div>
                    <div id="u13147_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13148" class="ax_default _默认样式">
                    <div id="u13148_div" class=""></div>
                    <div id="u13148_text" class="text ">
                      <p style="font-size:28px;"><span>多条消息支持合并转发</span></p><p style="font-size:20px;"><span style="color:#999999;">不用再反复来回切换窗口</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13146_state1" class="panel_state" data-label="2" style="visibility: hidden;">
                <div id="u13146_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13149" class="ax_default _默认样式">
                    <div id="u13149_div" class=""></div>
                    <div id="u13149_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13150" class="ax_default _默认样式">
                    <div id="u13150_div" class=""></div>
                    <div id="u13150_text" class="text ">
                      <p style="font-size:28px;"><span>随时可以截图，还可以打马赛克</span></p><p style="font-size:20px;"><span style="color:#999999;">让你不想给别人看的图直接上马赛克</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13146_state2" class="panel_state" data-label="3" style="visibility: hidden;">
                <div id="u13146_state2_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13151" class="ax_default _默认样式">
                    <div id="u13151_div" class=""></div>
                    <div id="u13151_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13152" class="ax_default _默认样式">
                    <div id="u13152_div" class=""></div>
                    <div id="u13152_text" class="text ">
                      <p style="font-size:28px;"><span>可以异地分享你的个人文档</span></p><p style="font-size:20px;"><span style="color:#999999;">还有编辑文档，和进行分享</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13146_state3" class="panel_state" data-label="4" style="visibility: hidden;">
                <div id="u13146_state3_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13153" class="ax_default _默认样式">
                    <div id="u13153_div" class=""></div>
                    <div id="u13153_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13154" class="ax_default _默认样式">
                    <div id="u13154_div" class=""></div>
                    <div id="u13154_text" class="text ">
                      <p style="font-size:28px;"><span>由内而外，化繁为简</span></p><p style="font-size:20px;"><span style="color:#999999;">全面提提升阅读与沟通的效率</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 控制按纽 (Group) -->
            <div id="u13155" class="ax_default" data-label="控制按纽" data-left="10" data-top="292" data-width="780" data-height="60">

              <!-- left (Rectangle) -->
              <div id="u13156" class="ax_default _默认样式" data-label="left">
                <div id="u13156_div" class=""></div>
                <div id="u13156_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>

              <!-- right (Rectangle) -->
              <div id="u13157" class="ax_default _默认样式" data-label="right">
                <div id="u13157_div" class=""></div>
                <div id="u13157_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u13158" class="ax_default" data-left="366" data-top="550" data-width="69" data-height="10">

              <!-- 圆点1 (Ellipse) -->
              <div id="u13159" class="ax_default _默认样式 selected" data-label="圆点1" selectiongroup="选项组-1">
                <img id="u13159_img" class="img " src="images/_____kickstart___guided_tours/圆点1_u13159_selected.png"/>
              </div>

              <!-- 圆点2 (Ellipse) -->
              <div id="u13160" class="ax_default _默认样式" data-label="圆点2" selectiongroup="选项组-1">
                <img id="u13160_img" class="img " src="images/步骤条_steps/u2391.png"/>
              </div>

              <!-- 圆点3 (Ellipse) -->
              <div id="u13161" class="ax_default _默认样式" data-label="圆点3" selectiongroup="选项组-1">
                <img id="u13161_img" class="img " src="images/步骤条_steps/u2391.png"/>
              </div>

              <!-- 圆点4 (Ellipse) -->
              <div id="u13162" class="ax_default _默认样式" data-label="圆点4" selectiongroup="选项组-1">
                <img id="u13162_img" class="img " src="images/步骤条_steps/u2391.png"/>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13163" class="ax_default _默认样式">
              <div id="u13163_div" class=""></div>
              <div id="u13163_text" class="text ">
                <p><span>新功能介绍</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13164" class="ax_default _默认样式" title="关闭">
              <div id="u13164_div" class=""></div>
              <div id="u13164_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u13165" class="ax_default _默认样式">
        <div id="u13165_div" class=""></div>
      </div>

      <!-- 新功能介绍 (Dynamic Panel) -->
      <div id="u13166" class="ax_default" data-label="新功能介绍">
        <div id="u13166_state0" class="panel_state" data-label="1" style="">
          <div id="u13166_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u13167" class="ax_default _默认样式">
              <div id="u13167_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13168" class="ax_default _默认样式">
              <div id="u13168_div" class=""></div>
              <div id="u13168_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13169" class="ax_default _默认样式">
              <div id="u13169_div" class=""></div>
              <div id="u13169_text" class="text ">
                <p><span>欢迎使用QQ PC版9.0.4</span></p><p><span style="color:#999999;">从心出发·趣无止境</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13170" class="ax_default _默认样式" title="关闭">
              <div id="u13170_div" class=""></div>
              <div id="u13170_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13171" class="ax_default _默认样式">
              <div id="u13171_div" class=""></div>
              <div id="u13171_text" class="text ">
                <p><span>开始引导</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u13166_state1" class="panel_state" data-label="2" style="visibility: hidden;">
          <div id="u13166_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u13172" class="ax_default _默认样式">
              <div id="u13172_div" class=""></div>
            </div>

            <!-- 轮播 (Dynamic Panel) -->
            <div id="u13173" class="ax_default" data-label="轮播">
              <div id="u13173_state0" class="panel_state" data-label="1" style="">
                <div id="u13173_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13174" class="ax_default _默认样式">
                    <div id="u13174_div" class=""></div>
                    <div id="u13174_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13175" class="ax_default _默认样式">
                    <div id="u13175_div" class=""></div>
                    <div id="u13175_text" class="text ">
                      <p style="font-size:48px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">趣·秀个性</span></p><p style="font-size:28px;"><span style="font-family:'微软雅黑';font-weight:400;">个性装扮精彩上线，自由彰显个性青春。</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13173_state1" class="panel_state" data-label="2" style="visibility: hidden;">
                <div id="u13173_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13176" class="ax_default _默认样式">
                    <div id="u13176_div" class=""></div>
                    <div id="u13176_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13177" class="ax_default _默认样式">
                    <div id="u13177_div" class=""></div>
                    <div id="u13177_text" class="text ">
                      <p style="font-size:48px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">趣·轻快沟通</span></p><p style="font-size:28px;"><span style="font-family:'微软雅黑';font-weight:400;">全新视觉改版，给你焕然一新的PCQQ</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13173_state2" class="panel_state" data-label="3" style="visibility: hidden;">
                <div id="u13173_state2_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13178" class="ax_default _默认样式">
                    <div id="u13178_div" class=""></div>
                    <div id="u13178_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13179" class="ax_default _默认样式">
                    <div id="u13179_div" class=""></div>
                    <div id="u13179_text" class="text ">
                      <p style="font-size:48px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">趣·识好友</span></p><p style="font-size:28px;"><span style="font-family:'微软雅黑';font-weight:400;">共同好友让我们相识，分享乐趣使我们相知。</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13173_state3" class="panel_state" data-label="4" style="visibility: hidden;">
                <div id="u13173_state3_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13180" class="ax_default _默认样式">
                    <div id="u13180_div" class=""></div>
                    <div id="u13180_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13181" class="ax_default _默认样式">
                    <div id="u13181_div" class=""></div>
                    <div id="u13181_text" class="text ">
                      <p style="font-size:48px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">趣·享内容</span></p><p style="font-size:28px;"><span style="font-family:'微软雅黑';font-weight:400;">接入腾讯视频、QQ看点，乐享好内容。</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13173_state4" class="panel_state" data-label="5" style="visibility: hidden;">
                <div id="u13173_state4_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13182" class="ax_default _默认样式">
                    <div id="u13182_div" class=""></div>
                    <div id="u13182_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13183" class="ax_default _默认样式">
                    <div id="u13183_div" class=""></div>
                    <div id="u13183_text" class="text ">
                      <p style="font-size:48px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">趣·识好友</span></p><p style="font-size:28px;"><span style="font-family:'微软雅黑';font-weight:400;">共同好友让我们相识，分享乐趣使我们相知。</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13173_state5" class="panel_state" data-label="6" style="visibility: hidden;">
                <div id="u13173_state5_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13184" class="ax_default _默认样式">
                    <div id="u13184_div" class=""></div>
                    <div id="u13184_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13185" class="ax_default _默认样式">
                    <div id="u13185_div" class=""></div>
                    <div id="u13185_text" class="text ">
                      <p style="font-size:48px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">趣·轻快沟通</span></p><p style="font-size:28px;"><span style="font-family:'微软雅黑';font-weight:400;">全新视觉改版，给你焕然一新的PCQQ</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13186" class="ax_default _默认样式">
              <div id="u13186_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13187" class="ax_default _默认样式" title="关闭">
              <div id="u13187_div" class=""></div>
              <div id="u13187_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u13188" class="ax_default" data-left="20" data-top="570" data-width="108" data-height="10">

              <!-- 圆点1 (Ellipse) -->
              <div id="u13189" class="ax_default _默认样式 selected" data-label="圆点1" selectiongroup="选项组-2">
                <img id="u13189_img" class="img " src="images/_____kickstart___guided_tours/圆点1_u13159_selected.png"/>
              </div>

              <!-- 圆点2 (Ellipse) -->
              <div id="u13190" class="ax_default _默认样式" data-label="圆点2" selectiongroup="选项组-2">
                <img id="u13190_img" class="img " src="images/步骤条_steps/u2391.png"/>
              </div>

              <!-- 圆点3 (Ellipse) -->
              <div id="u13191" class="ax_default _默认样式" data-label="圆点3" selectiongroup="选项组-2">
                <img id="u13191_img" class="img " src="images/步骤条_steps/u2391.png"/>
              </div>

              <!-- 圆点4 (Ellipse) -->
              <div id="u13192" class="ax_default _默认样式" data-label="圆点4" selectiongroup="选项组-2">
                <img id="u13192_img" class="img " src="images/步骤条_steps/u2391.png"/>
              </div>

              <!-- 圆点5 (Ellipse) -->
              <div id="u13193" class="ax_default _默认样式" data-label="圆点5" selectiongroup="选项组-2">
                <img id="u13193_img" class="img " src="images/步骤条_steps/u2391.png"/>
              </div>

              <!-- 圆点6 (Ellipse) -->
              <div id="u13194" class="ax_default _默认样式" data-label="圆点6" selectiongroup="选项组-2">
                <img id="u13194_img" class="img " src="images/步骤条_steps/u2391.png"/>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13195" class="ax_default _默认样式">
              <div id="u13195_div" class=""></div>
              <div id="u13195_text" class="text ">
                <p><span>继续了解</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13196" class="ax_default _默认样式">
              <div id="u13196_div" class=""></div>
              <div id="u13196_text" class="text ">
                <p><span>立即体验</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u13197" class="ax_default _默认样式">
        <div id="u13197_div" class=""></div>
      </div>

      <!-- 分步引导提示 (Dynamic Panel) -->
      <div id="u13198" class="ax_default" data-label="分步引导提示">
        <div id="u13198_state0" class="panel_state" data-label="State1" style="">
          <div id="u13198_state0_content" class="panel_state_content">

            <!-- 提示文字 (Dynamic Panel) -->
            <div id="u13199" class="ax_default" data-label="提示文字">
              <div id="u13199_state0" class="panel_state" data-label="State1" style="">
                <div id="u13199_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13200" class="ax_default _默认样式">
                    <div id="u13200_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13201" class="ax_default _默认样式">
                    <div id="u13201_div" class=""></div>
                    <div id="u13201_text" class="text ">
                      <p style="font-size:36px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;color:#999999;">欢迎使用我们的产品</span></p><p style="font-size:28px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">请点击立即开始了解产品主要功能</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13202" class="ax_default _默认样式">
                    <div id="u13202_div" class=""></div>
                    <div id="u13202_text" class="text ">
                      <p><span>立即开始</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13203" class="ax_default _默认样式">
                    <div id="u13203_div" class=""></div>
                    <div id="u13203_text" class="text ">
                      <p><span>跳过了解</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 提示-4 (Dynamic Panel) -->
            <div id="u13204" class="ax_default ax_default_hidden" data-label="提示-4" style="display:none; visibility: hidden">
              <div id="u13204_state0" class="panel_state" data-label="State1" style="">
                <div id="u13204_state0_content" class="panel_state_content">

                  <!-- Unnamed (Speech Bubble) -->
                  <div id="u13205" class="ax_default _默认样式">
                    <img id="u13205_img" class="img " src="images/_____kickstart___guided_tours/u13205.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13206" class="ax_default _默认样式">
                    <img id="u13206_img" class="img " src="images/_____kickstart___guided_tours/u13206.png"/>
                    <div id="u13206_text" class="text ">
                      <p><span>您可以在这里获取服务支持，如发起工单、联系客服、查看帮助文档。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13207" class="ax_default _默认样式">
                    <div id="u13207_div" class=""></div>
                    <div id="u13207_text" class="text ">
                      <p><span>完成</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 提示-3 (Dynamic Panel) -->
            <div id="u13208" class="ax_default ax_default_hidden" data-label="提示-3" style="display:none; visibility: hidden">
              <div id="u13208_state0" class="panel_state" data-label="State1" style="">
                <div id="u13208_state0_content" class="panel_state_content">

                  <!-- Unnamed (Speech Bubble) -->
                  <div id="u13209" class="ax_default _默认样式">
                    <img id="u13209_img" class="img " src="images/_____kickstart___guided_tours/u13209.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13210" class="ax_default _默认样式">
                    <img id="u13210_img" class="img " src="images/_____kickstart___guided_tours/u13210.png"/>
                    <div id="u13210_text" class="text ">
                      <p><span>用户中心入口，您的资料修改、权限设置、财务管理等统统在这里。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13211" class="ax_default _默认样式">
                    <div id="u13211_div" class=""></div>
                    <div id="u13211_text" class="text ">
                      <p><span>下一条</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13212" class="ax_default _默认样式">
                    <div id="u13212_div" class=""></div>
                    <div id="u13212_text" class="text ">
                      <p><span>退出引导</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 提示-1 (Dynamic Panel) -->
            <div id="u13213" class="ax_default ax_default_hidden" data-label="提示-1" style="display:none; visibility: hidden">
              <div id="u13213_state0" class="panel_state" data-label="State1" style="">
                <div id="u13213_state0_content" class="panel_state_content">

                  <!-- Unnamed (Speech Bubble) -->
                  <div id="u13214" class="ax_default _默认样式">
                    <img id="u13214_img" class="img " src="images/_____kickstart___guided_tours/u13214.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13215" class="ax_default _默认样式">
                    <img id="u13215_img" class="img " src="images/_____kickstart___guided_tours/u13215.png"/>
                    <div id="u13215_text" class="text ">
                      <p><span>产品服务入口，所有的云产品和服务都可以在这里找到。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13216" class="ax_default _默认样式">
                    <div id="u13216_div" class=""></div>
                    <div id="u13216_text" class="text ">
                      <p><span>下一条</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13217" class="ax_default _默认样式">
                    <div id="u13217_div" class=""></div>
                    <div id="u13217_text" class="text ">
                      <p><span>退出引导</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 提示-2 (Dynamic Panel) -->
            <div id="u13218" class="ax_default ax_default_hidden" data-label="提示-2" style="display:none; visibility: hidden">
              <div id="u13218_state0" class="panel_state" data-label="State1" style="">
                <div id="u13218_state0_content" class="panel_state_content">

                  <!-- Unnamed (Speech Bubble) -->
                  <div id="u13219" class="ax_default _默认样式">
                    <img id="u13219_img" class="img " src="images/_____kickstart___guided_tours/u13219.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13220" class="ax_default _默认样式">
                    <img id="u13220_img" class="img " src="images/_____kickstart___guided_tours/u13215.png"/>
                    <div id="u13220_text" class="text ">
                      <p><span>设置和保存您常用的产品入口，方便您快速切换和管理产品。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13221" class="ax_default _默认样式">
                    <div id="u13221_div" class=""></div>
                    <div id="u13221_text" class="text ">
                      <p><span>下一条</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13222" class="ax_default _默认样式">
                    <div id="u13222_div" class=""></div>
                    <div id="u13222_text" class="text ">
                      <p><span>退出引导</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u13223" class="ax_default _默认样式">
        <div id="u13223_div" class=""></div>
      </div>

      <!-- 全屏引导提示 (Dynamic Panel) -->
      <div id="u13224" class="ax_default" data-label="全屏引导提示">
        <div id="u13224_state0" class="panel_state" data-label="State1" style="">
          <div id="u13224_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u13225" class="ax_default _默认样式">
              <div id="u13225_div" class=""></div>
              <div id="u13225_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">产品功能升级提示</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">我们对一些功能进行了调整</span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;"><br></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13226" class="ax_default _默认样式">
              <div id="u13226_div" class=""></div>
              <div id="u13226_text" class="text ">
                <p><span>设置和保存您常用的产品入口，方便您快速切换和管理产品。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13227" class="ax_default _默认样式">
              <div id="u13227_div" class=""></div>
              <div id="u13227_text" class="text ">
                <p><span>产品服务入口，所有的云产品和服务都可以在这里找到。</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u13228" class="ax_default _默认样式">
              <img id="u13228_img" class="img " src="images/_____kickstart___guided_tours/u13228.png"/>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u13229" class="ax_default _默认样式">
              <img id="u13229_img" class="img " src="images/_____kickstart___guided_tours/u13229.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13230" class="ax_default _默认样式">
              <div id="u13230_div" class=""></div>
              <div id="u13230_text" class="text ">
                <p><span>用户中心入口，您的资料修改、权限设置、财务管理等统统在这里。</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u13231" class="ax_default _默认样式">
              <img id="u13231_img" class="img " src="images/_____kickstart___guided_tours/u13229.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13232" class="ax_default _默认样式">
              <div id="u13232_div" class=""></div>
              <div id="u13232_text" class="text ">
                <p><span>您可以在这里获取服务支持，如发起工单、联系客服、查看帮助文档。</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u13233" class="ax_default _默认样式">
              <img id="u13233_img" class="img " src="images/_____kickstart___guided_tours/u13233.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13234" class="ax_default _默认样式">
              <div id="u13234_div" class=""></div>
              <div id="u13234_text" class="text ">
                <p><span>关闭提示</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 新功能介绍 (Dynamic Panel) -->
      <div id="u13235" class="ax_default ax_default_hidden" data-label="新功能介绍" style="display:none; visibility: hidden">
        <div id="u13235_state0" class="panel_state" data-label="新功能介绍" style="">
          <div id="u13235_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u13236" class="ax_default _默认样式">
              <div id="u13236_div" class=""></div>
            </div>

            <!-- 轮播 (Dynamic Panel) -->
            <div id="u13237" class="ax_default" data-label="轮播">
              <div id="u13237_state0" class="panel_state" data-label="1" style="">
                <div id="u13237_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13238" class="ax_default _默认样式">
                    <div id="u13238_div" class=""></div>
                    <div id="u13238_text" class="text ">
                      <p style="font-size:28px;line-height:60px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">Google环聊</span></p><p style="font-size:20px;line-height:28px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;">收发消息、进行语音和视频通话</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13239" class="ax_default _默认样式">
                    <div id="u13239_div" class=""></div>
                    <div id="u13239_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13237_state1" class="panel_state" data-label="2" style="visibility: hidden;">
                <div id="u13237_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13240" class="ax_default _默认样式">
                    <div id="u13240_div" class=""></div>
                    <div id="u13240_text" class="text ">
                      <p style="font-size:28px;line-height:60px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">语音和视频通话</span></p><p style="font-size:16px;line-height:28px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;">只需轻轻一按，即可将任何对话转换为免费视频通话。可以一对一对话，也可以邀请朋友进行群聊。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13241" class="ax_default _默认样式">
                    <div id="u13241_div" class=""></div>
                    <div id="u13241_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13237_state2" class="panel_state" data-label="3" style="visibility: hidden;">
                <div id="u13237_state2_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13242" class="ax_default _默认样式">
                    <div id="u13242_div" class=""></div>
                    <div id="u13242_text" class="text ">
                      <p style="font-size:28px;line-height:60px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">发送消息或发起多人对话</span></p><p style="font-size:16px;line-height:28px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;">可以一对一对话，也可以与所有朋友进行群聊。利用照片、地图、表情符号让聊天内容更加丰富。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13243" class="ax_default _默认样式">
                    <div id="u13243_div" class=""></div>
                    <div id="u13243_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u13237_state3" class="panel_state" data-label="4" style="visibility: hidden;">
                <div id="u13237_state3_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13244" class="ax_default _默认样式">
                    <div id="u13244_div" class=""></div>
                    <div id="u13244_text" class="text ">
                      <p style="font-size:28px;line-height:60px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">在所有设备上保持同步</span></p><p style="font-size:16px;line-height:28px;"><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;">在设备之间同步聊天内容，以便随时随地继续对话，在Android设备、 iOS设备和网络上与朋友保持联络。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u13245" class="ax_default _默认样式">
                    <div id="u13245_div" class=""></div>
                    <div id="u13245_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13246" class="ax_default _默认样式">
              <div id="u13246_div" class=""></div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13247" class="ax_default _默认样式" title="关闭">
              <div id="u13247_div" class=""></div>
              <div id="u13247_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u13248" class="ax_default" data-left="209" data-top="399" data-width="83" data-height="12">

              <!-- 圆点1 (Ellipse) -->
              <div id="u13249" class="ax_default _默认样式 selected" data-label="圆点1" selectiongroup="选项组-3">
                <img id="u13249_img" class="img " src="images/_____kickstart___guided_tours/圆点1_u13249_selected.png"/>
              </div>

              <!-- 圆点2 (Ellipse) -->
              <div id="u13250" class="ax_default _默认样式" data-label="圆点2" selectiongroup="选项组-3">
                <img id="u13250_img" class="img " src="images/_____carousel/圆点-1_u2831.png"/>
              </div>

              <!-- 圆点3 (Ellipse) -->
              <div id="u13251" class="ax_default _默认样式" data-label="圆点3" selectiongroup="选项组-3">
                <img id="u13251_img" class="img " src="images/_____carousel/圆点-1_u2831.png"/>
              </div>

              <!-- 圆点4 (Ellipse) -->
              <div id="u13252" class="ax_default _默认样式" data-label="圆点4" selectiongroup="选项组-3">
                <img id="u13252_img" class="img " src="images/_____carousel/圆点-1_u2831.png"/>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13253" class="ax_default _默认样式">
              <div id="u13253_div" class=""></div>
              <div id="u13253_text" class="text ">
                <p><span>继续</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u13254" class="ax_default _默认样式">
              <div id="u13254_div" class=""></div>
              <div id="u13254_text" class="text ">
                <p><span>跳过</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
